<!DOCTYPE html>
<html lang="en">

<head>
	<meta name="auto" content='homo'>
	<meta charset="UTF-8">
	<title>旅行社 -订购</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/information.css">
	<link rel="stylesheet" type="text/css" href="css/buy.css">
	<script>
		function isChinese(input) {
			var pattern = /^[\u4e00-\u9fa5]+$/;
			return pattern.test(input);
		}
		function validateinput() {
			var userinput = document.getElementById('gocity').value;
			var userinput1 = docunebt.getElementById('comecity').value;
			if (!isChinese(userinput&&userinput1)) {
				alert("请输入正确的中文城市名！");
				return false;
			}else{
				alert("订票成功！");
				return true;
			}
			document.getElementById('gocity').value = "";
			document.getElementById('comecity').value = "";
		}
	</script>
</head>

<body>
	<header id='header'>
		<div class='center'>
			<nav style='overflow:hidden;'>
				<h2 class="none">网站导航</h2>
				<ul class="link">
					<li><a href="index.html"> 首页</a></li>
					<li><a href="information.html">旅行信息</a></li>
					<li class="active"><a href="#">订购</a></li>
					<li><a href="scenery.html">风景欣赏</a></li>
					<li><a href="login.html">登录</a></li>
				</ul>
			</nav>
		</div>
	</header>
	<div id="headline">
		<div class="center">
			<hgroup>
				<h2>出行订购</h2>
				<h3>特价机票，火车票</h3>
			</hgroup>
		</div>
	</div>
	<div id="containter">
		<div class="list  airTicket">
			<h2>汽车票预订</h2>
			<hr>
			<form class="fo" action="#" method="post">
				<ul class="fo_first">
					<li>车票类型</li>
					<li><input type="radio" id="one" name="type" value="one">
						<label for="one">单程</label>
					</li>
					<li><input type="radio" id="two" name="type" value="two">
						<label for="two">往返</label>
					</li>
				</ul>
				<ul class="fo_city">
					<li><label for="gocity">出发城市</label></li>
					<li><input type="text" id="gocity" placeholder='城市名' /></li>
					<li class="goTime"><label for="gotime">出发时间</label></li>
					<li><input type="text" id="gotime" placeholder='时间/日期'></li>
				</ul>
				<ul class="come_city">
					<li><label for="comecity">返回城市</label></li>
					<li><input type="text" id='comecity' placeholder='城市名' /></li>
					<li class="goTime"><label for="cometime">返回时间</label></li>
					<li><input type="text" id="cometime" placeholder='时间/日期'></li>
				</ul>
				<div class="submit">
					<button type="submit" onclick="validateinput()">订票</button>
				</div>
			</form>
			<h2>火车票预订</h2>
			<hr>
			<form class="fo" action="#" method="post">
				<ul class="fo_first">
					<li>车票类型</li>
					<li><input type="radio" id="one" name="type" value="one">
						<label for="one">单程</label>
					</li>
					<li><input type="radio" id="two" name="type" value="two">
						<label for="two">往返</label>
					</li>
				</ul>
				<ul class="fo_city">
					<li><label for="gocity">出发城市</label></li>
					<li><input type="text" id="gocity" placeholder='城市名' /></li>
					<li class="goTime"><label for="gotime">出发时间</label></li>
					<li><input type="text" id="gotime" placeholder='时间/日期'></li>
				</ul>
				<ul class="come_city">
					<li><label for="comecity">返回城市</label></li>
					<li><input type="text" id='comecity' placeholder='城市名' /></li>
					<li class="goTime"><label for="cometime">返回时间</label></li>
					<li><input type="text" id="cometime" placeholder='时间/日期'></li>
				</ul>
				<div class="submit">
					<button type="submit" onclick="validateinput()">订票</button>
				</div>

			</form>
			<div class="new">
				<h2>最新机票</h2>
				<hr>
				<ul>
					<li>热门城市:</li>
					<li>上海</li>
					<li>武汉</li>
					<li>北京</li>
					<li>大连</li>
					<li>西安</li>
					<li>青岛</li>
					<li>云南</li>
				</ul>
				<table>
					<thead>
						<tr>
							<th>路线</th>
							<th>日期</th>
							<th>价格</th>
							<th>税费</th>
							<th>餐食</th>
							<th>航班</th>
							<th>预定</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>北京-成都</td>
							<td>5-27</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>5-15</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>6-1</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>5-28</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>5-29</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>6-2</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>6-3</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>5-30</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>6-4</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
						<tr>
							<td>北京-成都</td>
							<td>6-5</td>
							<td class="price">¥745</td>
							<td>¥50</td>
							<td>有</td>
							<td>春秋航空</td>
							<td><a href="" class="reserve">预定</a></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="7"><a href="#" class="moreair">加载更多航班...</a></td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
	</div>
	<footer id='foot'>
		<div>
			<h1>联系我们</h1>
			<p>电话：13181928266</p>
			<p>邮箱：1501918713@qq.com</p>
			<p>地址：山东省青岛市崂山区青岛大学金家岭校区</p>
		</div>
	</footer>
</body>

</html>